<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%
	request.setCharacterEncoding("UTF-8");
	String cp = request.getContextPath();
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 

<link href="<%=cp%>/flight/SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<link href="<%=cp%>/data/css/style.css" rel="stylesheet" type="text/css" />
<script src="<%=cp%>/flight/SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>

<link href="<%=cp%>/flight/SpryAssets/common.css" rel="stylesheet" type="text/css"/>

<script language="javascript" type="text/javascript">
 $(document).ready(function() {

  //******************************************************************************
  // 상세검색 달력 스크립트
  //******************************************************************************
  var clareCalendar = {
   monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'],
   dayNamesMin: ['일','월','화','수','목','금','토'],
   weekHeader: 'Wk',
   dateFormat: 'yymmdd', //형식(20120303)
   autoSize: false, //오토리사이즈(body등 상위태그의 설정에 따른다)
   changeMonth: true, //월변경가능
   changeYear: true, //년변경가능
   showMonthAfterYear: true, //년 뒤에 월 표시
   buttonImageOnly: true, //이미지표시
   buttonText: '달력선택', //버튼 텍스트 표시
   buttonImage: '../photo/cal.jpg', //이미지주소
   showOn: "both", //엘리먼트와 이미지 동시 사용(both,button)
   yearRange: '1990:2020' //1990년부터 2020년까지
  };
  $("#fromDt").datepicker(clareCalendar);
  $("#toDt").datepicker(clareCalendar);
  $("img.ui-datepicker-trigger").attr("style","margin-left:5px; vertical-align:middle; cursor:pointer;"); //이미지버튼 style적용
  $("#ui-datepicker-div").hide(); //자동으로 생성되는 div객체 숨김  
 });

</script>
<script type="text/javascript">
	function MM_preloadImages() { //v3.0
		var d = document;
		if (d.images) {
			if (!d.MM_p)
				d.MM_p = new Array();
			var i, j = d.MM_p.length, a = MM_preloadImages.arguments;
			for (i = 0; i < a.length; i++)
				if (a[i].indexOf("#") != 0) {
					d.MM_p[j] = new Image;
					d.MM_p[j++].src = a[i];
				}
		}
	}
	function MM_swapImgRestore() { //v3.0
		var i, x, a = document.MM_sr;
		for (i = 0; a && i < a.length && (x = a[i]) && x.oSrc; i++)
			x.src = x.oSrc;
	}
	function MM_findObj(n, d) { //v4.01
		var p, i, x;
		if (!d)
			d = document;
		if ((p = n.indexOf("?")) > 0 && parent.frames.length) {
			d = parent.frames[n.substring(p + 1)].document;
			n = n.substring(0, p);
		}
		if (!(x = d[n]) && d.all)
			x = d.all[n];
		for (i = 0; !x && i < d.forms.length; i++)
			x = d.forms[i][n];
		for (i = 0; !x && d.layers && i < d.layers.length; i++)
			x = MM_findObj(n, d.layers[i].document);
		if (!x && d.getElementById)
			x = d.getElementById(n);
		return x;
	}

	function MM_swapImage() { //v3.0
		var i, j = 0, x, a = MM_swapImage.arguments;
		document.MM_sr = new Array;
		for (i = 0; i < (a.length - 2); i += 3)
			if ((x = MM_findObj(a[i])) != null) {
				document.MM_sr[j++] = x;
				if (!x.oSrc)
					x.oSrc = x.src;
				x.src = a[i + 2];
			}
	}
</script>

</head>
<body>
<div id="body_div">
  <table width="894" height="300" border="0">
    <tr>
      <td width="848" height="45"><div align="center"><img src="../photo/list.jpg" width="759" height="36"></div></td>
    </tr>
    <tr>
      <td height="92">
      	 <div align="center">
      	   <table width="759" height="46">
      	     <tr>
      	       <td width="103" height="40" align="center"><div align="center">한국항공</div></td>
      	       <td width="157"><div align="center">인천(ICN) &gt; 나리타(NRT)</div></td>
      	       <td width="88"><div align="center" class="red">299,000</div></td>
      	       <td width="48"><div align="center">성인</div></td>
      	       <td width="47"><div align="center">15일</div></td>
      	       <td width="215"><div align="center">2012-12-01 ~ 2013-02-15</div></td>
      	       <td width="55">
      	         <div align="center"><img src="../photo/inq.jpg" width="34" height="16"></div>
   	           <div align="center"></div></td>
   	         </tr>
   	       </table>
      	   <table width="744" border="0" background="../photo/back.JPG">
      	     <tr>
      	       <td><table width="744" border="0" height="70">
      	         <tr>
      	           <td colspan="2">
   	                <img src="../photo/arrow.jpg" width="13" height="15">&nbsp;&nbsp;<strong>출발일을 입력해주세요.</strong>      	             (성인구분 : 성인(만 12세이상) / 아동(만 2세이상~만 12세미만) / 유아(만 2세미만)</td>
      	           <td width="89" colspan="2" rowspan="2">
                   <img src="../photo/airinq.jpg" width="84" height="44"></td>
   	              </tr>
      	         <tr>
      	           <td width="246">&nbsp;&nbsp;<img src="../photo/o.jpg" width="12" height="11">
                   &nbsp;&nbsp;출발일<input name="fromDt" type="text" id="fromDt" size="15" maxlength="8" title="시작일자"/>
                   </td>
      	         
      	           <td width="395" align="right">
      	             <div align="center">
      	               <select name="select" id="select">
      	                 <option value="성인" selected>성인</option>
      	                 <option value="1명">1명</option>
      	                 <option value="2명">2명</option>
      	                 <option value="3명">3명</option>
      	                 <option value="4명">4명</option>
      	                 <option value="5명">5명</option>
    	                 </select>
      	               &nbsp;&nbsp; 
      	               <select name="select2" id="select2">
      	                 <option value="아동">아동</option>
      	                 <option value="1명">1명</option>
      	                 <option value="2명">2명</option>
      	                 <option value="3명">3명</option>
      	                 <option value="4명">4명</option>
      	                 <option value="5명">5명</option>
    	                 </select>      	          
      	               &nbsp;&nbsp; 
      	               <select name="select3" id="select3">
      	                 <option value="유아">유아</option>
      	                 <option value="1명">1명</option>
      	                 <option value="2명">2명</option>
      	                 <option value="3명">3명</option>
      	                 <option value="4명">4명</option>
      	                 <option value="5명">5명</option>
    	                 </select>
    	               </div>
                 
                    </td>
   	              </tr>
   	           </table></td>
   	         </tr>
   	       </table>
   	    </div></td>
    </tr>
    <tr>
      <td height="155"><hr>
        <table width="750" height="115" border="0" align="center">
          <tr>
          <td height="28" colspan="4"><blockquote>
            <p class="blue"><strong>인천 (Incheon) - 나리타(Narita)</strong></p>
          </blockquote></td>
          <td width="91">&nbsp;</td>
          <td colspan="2"><div align="center">2012 - 12 - 12 (수) 출발</div></td>
          <td width="105">&nbsp;</td>
        </tr>
        <tr>
          <td colspan="8"><div align="center"><img src="../photo/start.jpg" width="696" height="26"></div></td>
          </tr>
        <tr>
          <td width="22" height="43">&nbsp;</td>
          <td width="42"><div align="center">1</div></td>
          <td width="144"><div align="center" class="blue">
            인천(ICN)<br/>
            2012-12-12(수)
          10 : 00</div></td>
          <td width="144"><div align="center" class="blue">
            나리타(NRT)<br/>
            2012-12-12(수)
          11 : 30</div></td>
          <td><div align="center">HAN1001</div></td>
          <td width="84"><div align="center">01:30</div></td>
          <td width="84"><div align="center">9석</div></td>
          <td><div align="center">
          
              <div align="left">
                <input name="radio" type="radio" id="radio" value="radio" checked>
                예약확정
              </div>
           
          </div></td>
        </tr>
      </table>
        <hr>
        <div>
          <div align="center">
            <table width="750" height="70" border="0" background="../photo/back_2.jpg">
              <tr>
                <td><div align="center">
                  <table width="722" border="0">
                    <tr>
                      <td width="69">&nbsp;</td>
                      <td width="40"><img src="../photo/leave.jpg" alt="" width="36" height="16"></td>
                      <td width="440">
                        <div align="center" class="blue"><span class="red">인천 - 나리타</span> 출발 2012-12-12 (수)10:00 / 도착 2012-12-12 (수)11:30</div>                      
                        </td>
                      <td width="78"><div align="center">HAN1001</div></td>
                      <td width="101"><img src="../photo/reserv.jpg" width="58" height="44" align="right"></td>
                      </tr>
                  </table>
                </div></td>
              </tr>
            </table>
          </div>
        </div></td>
    </tr>
  </table>
</div>












</body>
</html>
